import { Link } from 'react-router-dom';
import notFoundSVG from '../assets/404.svg';
import '../component_css/NotFound.css'; // 确保引入了样式文件

export default function NotFound() {
  const handleGoBack = (event) => {
    event.preventDefault(); // 阻止默认的链接行为
    window.history.back(); // 返回上一页
};
  return (
    <div className="not-found-container">
      <img src={notFoundSVG} alt="404 Not Found" />
      <p>请检查您输入的网址是否正确，或尝试以下操作：</p>
        <ul>
          <li><Link href="#" onClick={handleGoBack} className="special-color">返回上一页</Link></li>
          <li>访问我们的 <Link to="/mainpage" className="home-link special-color">首页</Link></li>
          <li>联系网站管理员获取帮助</li>
        </ul>
        <Link to="http://localhost:5173" className="special-color" >返回登录页面</Link>
    </div>
  );
}